<template>
    <div>
        <div>
            <mt-header fixed title="固定在顶部"></mt-header>
        </div>
        <div>
            <mt-tab-container v-model="nav_tab">
                <mt-tab-container-item id="navigator">
                    <mt-cell v-for="n in 10" title="tab-container 1"></mt-cell>
                </mt-tab-container-item>
                <mt-tab-container-item id="personal">
                    <mt-cell v-for="n in 5" title="tab-container 2"></mt-cell>
                </mt-tab-container-item>
                <mt-tab-container-item id="destination">
                    <mt-cell v-for="n in 7" title="tab-container 3"></mt-cell>
                </mt-tab-container-item>
                <mt-tab-container-item id="complex">
                    <mt-cell v-for="n in 7" title="tab-container 4"></mt-cell>
                </mt-tab-container-item>
            </mt-tab-container>
        </div>
        <div>
            <mt-tabbar v-model="nav_tab">
                <mt-tab-item id="navigator">
                    <img slot="icon" src="../assets/导航.png">
                    外卖
                </mt-tab-item>
                <mt-tab-item id="personal">
                    <img slot="icon" src="../assets/个人.png">
                    订单
                </mt-tab-item>
                <mt-tab-item id="destination">
                    <img slot="icon" src="../assets/目的地.png">
                    发现
                </mt-tab-item>
                <mt-tab-item id="complex">
                    <img slot="icon" src="../assets/综合.png">
                    我的
                </mt-tab-item>
            </mt-tabbar>
        </div>
    </div>
</template>

<script>
    export default {
        name: "Index",
        props: {
            msg: String
        },
        data(){
            return {
                nav_tab: 'navigator'
            }
        },
        watch: {
            selected: function(newValue, oldValue){
                console.log(newValue)
            }
        }
    }
</script>

<style scoped>

</style>